<div class='mkt-page-holiday-gift-card'>

  <svg height='0' style='position: absolute' width='0'>
    <symbol id='svg-add-tiny' viewbox='0 0 8 8'>
      <path clip-rule='evenodd' d='M4.0005 0C3.44794 0 3 0.447939 3 1.0005V3H1C0.447715 3 0 3.44772 0 4V4C0 4.55228 0.447715 5 1 5H3V6.9995C3 7.55206 3.44794 8 4.0005 8V8C4.55306 8 5.001 7.55206 5.001 6.9995V5H7C7.55228 5 8 4.55228 8 4V4C8 3.44772 7.55228 3 7 3H5.001V1.0005C5.001 0.447939 4.55306 0 4.0005 0V0Z' fill-rule='evenodd'></path>
    </symbol>
    <symbol id='svg-minus-tiny' viewbox='0 0 8 2'>
      <rect height='2' rx='1' width='8'></rect>
    </symbol>
    <symbol id='svg-checkmark-tiny' viewbox='0 0 8 8'>
      <path d='M3.30913 8C3.0158 8 2.73358 7.88442 2.52358 7.67438L0.32583 5.47599C-0.10861 5.04257 -0.10861 4.34021 0.32583 3.90569C0.760269 3.47116 1.46248 3.47116 1.89692 3.90569L3.16913 5.17835L5.98574 0.462633C6.34352 -0.0341285 7.03573 -0.149706 7.53683 0.20814C8.03572 0.565985 8.14905 1.26056 7.79128 1.75843L4.21134 7.53769C4.01245 7.81663 3.68357 8 3.30913 8Z'></path>
    </symbol>
    <symbol id='svg-alert-tiny' viewbox='0 0 2 8'>
      <path clip-rule='evenodd' d='M0 4V1C0 0.354858 0.447754 0 1 0C1.55225 0 2 0.354858 2 1V4C2 4.64514 1.55225 5 1 5C0.447754 5 0 4.64514 0 4ZM2 7C2 7.55225 1.55225 8 1 8C0.447754 8 0 7.55225 0 7C0 6.44775 0.447754 6 1 6C1.55225 6 2 6.44775 2 7Z' fill-rule='evenodd'></path>
    </symbol>
  </svg>

  <section class='hero'>
    <div class='wrapper md-flex'>
      <div class='md-col-6 pb4'>
        <h1 class='h500 neutralsolid800 -font-extra-bold'>Σ' αυτές τις γιορτές,</h1>
        <h2 class='h700 pb4 -font-extra-bold primary500'>δώστε στους προγραμματιστές σας το δώρο της συνεισφοράς.</h2>
        <h3 class='h300 pb4 neutralsolid800'>Προσφέρετε στους προγραμματιστές σας 👩🏾‍💻👨🏼‍💻 μία δωροκάρτα για να κάνουν δωρεά στα πρότζεκτ ανοιχτού κώδικα που λατρεύουν. ❤️</h3>
        <p class='pb4'>Οι προγραμματιστές σας έκαναν απίστευτη δουλειά αυτόν τον χρόνο. Δε θα μπορούσαν να έχουν κάνει τόσα πολλά χωρίς την υποστήριξη της κοινότητας ανοιχτού κώδικα. Εκεί μαθαίνουν, εκεί μπορούν να επαναχρησιμοποιήσουν εργαλεία, βιβλιοθήκες, module ώστε να μη χρειάζεται να επανεφεύρουν τον τροχό και να εστιάσουν στο να τον κάνουν να δουλεύει για τις δικές σας ανάγκες.</p>
        <p class='pb1 -font-bold neutralsolid800'>Συχνές ερωτήσεις</p>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Τι συμβαίνει αν οι δωροκάρτες δε χρησιμοποιηθούν;
            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption neutralsolid600'>Χρεώνεστε μόνο όταν χρησιμοποιηθούν οι δωροκάρτες. Αν δωρίσετε μια δωροκάρτα 50€ σε 10 από τους υπαλλήλους σας και μόνο 8 τη χρησιμοποιήσουν, θα χρεωθείτε μόνο 400€.</p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Θα λάβω παραστατικό;
            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>Ναι, θα λάβετε ένα ορθά ενοποιημένο μηνιαίο παραστατικό από το <a href='https://opencollective.com/opensource'>Open Source Collective 501c6.</a></p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Υπάρχει ημερομηνία λήξης;
            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>Από προεπιλογή οι δωροκάρτες λήγουν μετά από 3 μήνες αλλά μπορείτε να ορίσετε τη δικιά σας ημερομηνία λήξης. Αν δε χρησιμοποιηθούν μέχρι τότε, γίνονται ανενεργές. Δε θα χρεωθείτε αν δε χρησιμοποιηθούν ποτέ.</p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Έλαβα μία δωροκάρτα, πρέπει να τη χρησιμοποιήσω μονομιάς;
            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>Όχι, μπορείτε να χρησιμοποιήσετε τη δωροκάρτα σας για να δώσετε οποιοδήποτε ποσό σε οποιοδήποτε σύλλογο εφ' όσον έχετε αρκετό υπόλοιπο στην κάρτα.</p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Ποιος θα εμφανίζετε ως υποστηρικτής; Η εταιρεία μου ή ο υπάλληλος μου;
            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>Και οι δύο! Το άτομο στο οποίο δώσατε τη δωροκάρτα είναι αυτό που διαλέγει τους συλλόγους τους οποίους θέλει να υποστηρίξει. Αλλά η δωρεά τους θα δείχνει ότι χρησιμοποίησαν μια δωροκάρτα δοσμένη από την εταιρεία σας και η εταιρεία σας θα εμφανίζετε επίσης ως χορηγός του συλλόγου. Δείτε για παράδειγμα το <a href='https://opencollective.com/triplebyte'>Triplebyte</a> εμφανίζετε ως χορηγός του <a href='https://opencollective.com/electron'>Electron</a>.</p>
        </details>
      </div>
      <div class='md-col-6 form-col'>
        <div class='form-wrapper'>
        <div>
          <div class='gift-card-wrapper'>
            <div class='gift-card'>
              <div class='gift-card-text'>
                <p class='white100'>Δημιουργήστε έναν οργανισμό τώρα και αρχίστε να εκδίδετε δωροκάρτες!</p>
              </div>
              <svg class='gift-card-svg' height='81px' preserveAspectRatio='xMidYMax meet' viewbox='0 0 288 81' width='100%'>
                <g fill-rule='evenodd' fill='none' stroke-width='1' stroke='none'>
                <path d='M288,12.4570165 L288,81.0000165 L0,81.0000165 L0,56.2650165 C177.12,69.4070165 120.24,-3.60588353 288,12.4570165 Z' fill='#FFFFFF'></path>
                <path d='M0,53.9550165 C135.72,56.2140165 109.8,-25.8974835 288,8.37871647 C288,9.13201647 288,11.4933165 288,13.0000165 C123,-4.49998353 177.12,69.7740165 0,56.2140165 C0,12.5219165 0,55.8380165 0,53.9550165 Z' fill-opacity='0.48' fill-rule='nonzero' fill='#FFFFFF' opacity='0.4'></path>
                <path d='M0,11.5714165 C106.2,11.5714165 161.64,51.8360165 288,35.2790165 C288,30.7630165 288,54.8470165 288,57.8570165 C280.44,57.8570165 32.4,57.8570165 0,57.8570165 C0,14.2056165 0,13.4529165 0,11.5714165 Z' fill-opacity='0.48' fill-rule='nonzero' fill='#FFFFFF' opacity='0.24'></path>
                </g>
              </svg>
            </div>
          </div>
          <div class='sm-flex create-org-btn-container'>
            <a href="https://opencollective.com/organizations/new">
              <button class='btn -large -primary w100'>Δημιουργία Οργανισμού</button>
            </a>
          </div>
        </div>
        </div>
      </div>
    </div>
  </section>

</div>
